<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>商品列表</title>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/bootstrap.min.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/fonts/line-icons.css}">

    <link th:href="@{/assets/plugins/datatables/dataTables.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/assets/plugins/datatables/buttons.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/assets/plugins/datatables/responsive.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/main.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/responsive.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/icons.css}">

</head>
<body>
<div class="app header-default side-nav-dark">
    <div class="layout">
        <div class="header navbar">
            <div class="header-container">
                <ul class="nav-right" style="margin-right: 20px;">
                    <li class="user-profile dropdown dropdown-animated scale-left">
                        <a th:href="@{/front/user/userPath}">
                            我的
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page-container" style="padding: 64px 0 0 0!important;">
            <div class="main-content pt-0">
                <div class="container-fluid pl-0 pr-0">
                    <div class="row">
                        <div class="col-md-6" th:each="product:${products}">
                            <div class="card mb-1">
                                <div class="card-header border-bottom">
                                    <a th:href="@{/front/product/getProductInfo(id=${product.id})}">
                                        <h3 class="card-title" style="padding-left: 0.94rem;padding-right: 0.94rem;font-size: 18px;" name="productName" th:text="${product.name}"></h3>
                                    </a>
                                </div>
                                <div class="card-body pl-0 pr-0">
                                    <a th:href="@{/front/product/getProductInfo(id=${product.id})}">

                                        <img th:if="${product.image.indexOf(';')>0}" th:src="${#strings.substringBefore(product.image,';')}"
                                             class="img-fluid" name="image">
                                        <img th:unless="${product.image.indexOf(';')>0}" th:src="${product.image}"
                                             class="img-fluid" name="image">


                                    </a>
                                    <p class="description pt-3" style="padding: 0 .94rem">
                                        <span>价格：</span>
                                        <span th:text="${product.price}" class="t-color-danger" style="font-size: 1.5rem;"></span>
                                        <span class="pl-2 t-color-danger">RMB</span>
                                    </p>
                                    <!--<div class="row m-t-35 m-b-30">
                                        <div class="col-md-8 offset-md-2">
                                            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                                                <ol class="carousel-indicators">
                                                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class=""></li>
                                                    <li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
                                                    <li data-target="#carouselExampleIndicators" data-slide-to="2" class="active"></li>
                                                </ol>
                                                <div class="carousel-inner">
                                                    <div class="carousel-item">
                                                        <img class="d-block w-100" src="assets/img/carousel/img-4.jpg" alt="First slide">
                                                    </div>
                                                    <div class="carousel-item">
                                                        <img class="d-block w-100" src="assets/img/carousel/img-5.jpg" alt="Second slide">
                                                    </div>
                                                    <div class="carousel-item active">
                                                        <img class="d-block w-100" src="assets/img/carousel/img-6.jpg" alt="Third slide">
                                                    </div>
                                                </div>
                                                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                                    <span class="mdi mdi-chevron-left" aria-hidden="true"></span>
                                                </a>
                                                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                                    <span class="mdi mdi-chevron-right" aria-hidden="true"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>-->
                                </div>
                            </div>
                            <!--<a th:if="${session.userEntity.referId} == null" th:href="@{/front/product/getProductInfo(id=${product.id},referId=${session.userEntity.id})}">
                                <img class="img-fluid"  th:src="${product.image}" />
                            </a>-->
                            <!--<a  th:if="${session.userEntity.referId} == null"  class="action" th:href="@{/front/product/getProductInfo(id=${product.id},referId=${session.userEntity.id})}">
                                <i class="fa fa-arrow-circle-right"></i>
                            </a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<div id="preloader">
    <div class="loader" id="loader-1"></div>
</div>


<script th:src="@{/assets/js/jquery-min.js}"></script>
<script th:src="@{/assets/js/popper.min.js}"></script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/jquery.app.js}"></script>
<script th:src="@{/assets/js/main.js}"></script>

<script th:src="@{/assets/plugins/datatables/jquery.dataTables.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/dataTables.bootstrap4.min.js}"></script>

<script th:src="@{/assets/plugins/datatables/dataTables.buttons.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.bootstrap4.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/jszip.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/pdfmake.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/vfs_fonts.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.html5.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.print.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.colVis.min.js}"></script>

<script th:src="@{/assets/plugins/datatables/dataTables.responsive.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/responsive.bootstrap4.min.js}"></script>

<script th:src="@{/assets/js/datatables.init.js}"></script>
</body>

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
</html>